<template>
  <ms-table-header
    :condition="condition"
    @search="$emit('refresh')"
    :show-create="false"
    :tip="$t('commons.search_by_id_name_tag')">
    <template v-slot:title>
      场景用例
    </template>
    <template v-slot:button>
      <ms-table-button v-permission="['PROJECT_TRACK_PLAN:READ+RELEVANCE_OR_CANCEL']" icon="el-icon-connection"
                       :content="$t('test_track.plan_view.relevance_test_case')" :disabled="planStatus==='Archived'"
                       @click="$emit('relevanceCase')"/>
    </template>

  </ms-table-header>
</template>

<script>
import MsTableHeader from "metersphere-frontend/src/components/MsTableHeader";
import MsTableButton from "metersphere-frontend/src/components/MsTableButton";
import MsEnvironmentSelect from "metersphere-frontend/src/components/MsEnvironmentSelect";

export default {
  name: "TestPlanUiScenarioListHeader",
  components: {
    MsEnvironmentSelect, MsTableButton, MsTableHeader
  },
  props: ['condition', 'isReadOnly', 'projectId', 'planStatus'],
  methods: {}
};
</script>

<style scoped>

:deep(.environment-select) {
  margin-right: 10px;
}

</style>
